<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>种植宝典</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="cleartype" content="on">
		<meta name="MobileOptimized" content="320">
		<meta name="HandheldFriendly" content="True">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

		<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.min.css">-->
		<link rel="stylesheet" href="../../css/app/index_ysy.css">
		<link rel="stylesheet" href="../../css/app/index.css">
		<link rel="stylesheet" href="../../css/app/zhongzhibaodian.css">
		<link rel="stylesheet" type="text/css" href="../../css/app/styles_ysy.css" />
		
		<script type="text/javascript" src="../../js/app/jquery.js"></script>
		<script type="text/javascript" src="../../js/pc/jquery.min.js"></script>
		<script src="../../js/app/jquery.timelinr-0.9.4.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../js/app/app_tiaozhuang.js"></script>
		
		<script type="text/javascript"> 
			
		$(function(){
			$().timelinr({
				autoPlay: 'false',
				autoPlayDirection: 'forward',
				startAt: 1
			})
		});
		</script>
	</head>

	<body>
		<div class="back" style="display: block;">
					<a href="#thd"><img src="../../img/app/wrf/d.png"></a>
			</div>
		<nav id="menu" class="menu">
			<!--<a href="https://github.com/mango/slideout" target="_blank">
					<header class="menu-header">
						<span class="menu-header-title">Tests</span>
					</header>
				</a>-->
			<div class="left_top_login">
				<div class="touxiang_1">
					<div class="touxiang_2">
						<img src="../../img/app/ttxx.jpeg" />
					</div>
				</div>
				<div class="login_out">
					<div>登 录</div>
					<div>注 册</div>
				</div>
			</div>
			<div class="left_munu_ysy">
				<div class="mune_list_ysy1  menhuxinxi_left_menu">
					<div class="mune_list_ysy2">
						<div class="left_menu_img">
							<img src="../../img/app/menhu.png" />
						</div>
						<div class="left_menu_info">门户信息</div>
					</div>
				</div>
				<div class="mune_list_ysy1 zhongzhinongshi_left_menu">
					<div class="mune_list_ysy2">
						<div class="left_menu_img">
							<img src="../../img/app/sanqi.png" />
						</div>
						<div class="left_menu_info">种植农事</div>
					</div>
				</div>
				<div class="mune_list_ysy1 zhongzhibaodian zhongzhibaodian_left_menu">
					<div class="mune_list_ysy2">
						<div class="left_menu_img">
							<img src="../../img/app/zhongzhi.png" />
						</div>
						<div class="left_menu_info">种植宝典</div>
					</div>
				</div>
				<div class="mune_list_ysy1 gerenzhongxin_left_menu">
					<div class="mune_list_ysy2">
						<div class="left_menu_img">
							<img src="../../img/app/geren.png" />
						</div>
						<div class="left_menu_info">个人中心</div>
					</div>
				</div>
				<div class="mune_list_ysy1 xiaoxizhongxin xiaoxizhongxin_left_menu">
					<div class="mune_list_ysy2">
						<div class="left_menu_img">
							<img src="../../img/app/xiaoxi.png" />
						</div>
						<div class="left_menu_info">消息通知</div>
					</div>
				</div>
			</div>

		</nav>

		<main id="panel" class="panel">
			<!--顶部-->
			<div class="page_top">
				<div class="btn-hamburger js-slideout-toggle">
					<img src="../../img/app/menu.png" />
				</div>
				<div class="page_top_tiaotle">种植宝典</div>
				<div class="fangdajing">
					<img src="../../img/app/search.png" />
				</div>

				<!--<header class="panel-header">
						<button class="btn-hamburger js-slideout-toggle"></button>
					</header>-->
			</div>
			<!--内容-->
			<div class="content">
				<!--种植宝典-->
				<div class="zhongzhibaodianmulu">
					<div class="zhongzhidingbu">
						<div class="zzbaodian_img">
							<img src="../../img/app/y1.png" />
						</div>
						<div>种植宝典</div>
						<div>〉</div>
					</div>
					<div class="zhongzhishijianxian">
						<div id="container" class="content clearfix">
							<div id="timeline">
								<ul id="dates">
									<li>
										<a href="#1月">1月</a>
									</li>
									<li>
										<a href="#2月">2月</a>
									</li>
									<li>
										<a href="#3月">3月</a>
									</li>
									<li>
										<a href="#4月">4月</a>
									</li>
									<li>
										<a href="#5月">5月</a>
									</li>
									<li>
										<a href="#6月">6月</a>
									</li>
									<li>
										<a href="#7月">7月</a>
									</li>
									<li>
										<a href="#8月">8月</a>
									</li>
									<li>
										<a href="#9月">9月</a>
									</li>
									<li>
										<a href="#10月">10月</a>
									</li>
									<li>
										<a href="#11月">11月</a>
									</li>
									<li>
										<a href="#12月">12月</a>
									</li>
								</ul>
								<ul id="issues">
									<li id="1月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽1</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="2月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽2</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="3月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽3</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="4月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽4</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="5月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽5</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="6月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽6</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="7月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽7</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="8月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽8</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="9月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽9</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="10月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽10</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="11月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽11</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
									<li id="12月">
										<div class="content_down">
											<div class="zzbdtoutu">
												<img src="../../img/app/cdn/weather/t2.png" />
											</div>
											<div class="zzbd_neirong">
												<div>萌芽12</div>
												<div>剪口呈不规则的皱缩块或条状，表面有数个明显的茎痕及环纹，断面中心灰绿色或白色，边缘绿色</div>
											</div>
										<div>
									</li>
								</ul>
								<!--<div id="grad_left"></div>
								<div id="grad_right"></div>-->
							</div>
						</div>

					</div>

				</div>
				<!--知识库-->
				<div class="zhishiku zhishiku_ysy">
					<div class="zhongzhidingbu">
						<div class="zzbaodian_img">
							<img src="../../img/app/y2.png" />
						</div>
						<div>知识库</div>
						<div>〉</div>
					</div>
					<div class="zskliebiao">
						<div>●</div>
						<div>由"三支根、七叶片"而来的三七传说</div>
					</div>
					<div class="zskliebiao">
						<div>●</div>
						<div>由"三支根、七叶片"而来的三七传说</div>
					</div>
					<div class="zskliebiao">
						<div>●</div>
						<div>由"三支根、七叶片"而来的三七传说</div>
					</div>
					<div class="zskliebiao">
						<div>●</div>
						<div>由"三支根、七叶片"而来的三七传说</div>
					</div>
				</div>
				<!--专家课堂-->
				<div class="zhuanjiaketang">
					<div class="zhongzhidingbu">
						<div class="zzbaodian_img touxiang">
							<img src="../../img/app/y3.png" />
						</div>
						<div>专家课堂</div>
						<div>〉</div>
					</div>
					<div class="zhuangjiaketang_liebiao">
						<div class="yantaohui_img">
							<img src="../../img/app/yantaohui.png"/>
						</div>
						<div class="zjkt_wenzi">
							<div>三七种植研讨会三七种植研讨会</div>
							<div>
								<div>2018-10-10</div>
								<div class="zuozhe">作者:杨松彦教授</div>
							</div>
						</div>
					</div>
					<div class="zhuangjiaketang_liebiao">
						<div class="yantaohui_img">
							<img src="../../img/app/yantaohui.png"/>
						</div>
						<div class="zjkt_wenzi">
							<div>三七种植研讨会三七种植研讨会</div>
							<div>
								<div>2018-10-10</div>
								<div class="zuozhe">作者:杨松彦教授</div>
							</div>
						</div>
					</div>
					<div class="zhuangjiaketang_liebiao">
						<div class="yantaohui_img">
							<img src="../../img/app/yantaohui.png"/>
						</div>
						<div class="zjkt_wenzi">
							<div>三七种植研讨会三七种植研讨会</div>
							<div>
								<div>2018-10-10</div>
								<div class="zuozhe">作者:杨松彦教授</div>
							</div>
						</div>
					</div>
					<div class="zhuangjiaketang_liebiao">
						<div class="yantaohui_img">
							<img src="../../img/app/yantaohui.png"/>
						</div>
						<div class="zjkt_wenzi">
							<div>三七种植研讨会三七种植研讨会</div>
							<div>
								<div>2018-10-10</div>
								<div class="zuozhe">作者:杨松彦教授</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</main>

	</body>
	<script>
//		mocha.setup('bdd');
		var exports = null;

		function assert(expr, msg) {
			if(!expr) throw new Error(msg || 'failed');
		}
	</script>
	<script src="../../js/app/slideout.js"></script>
	<script src="../../js/app/index_ysy.js"></script>
	<script>
		$(".menhuxinxi_left_menu").css("background-color","#2c2f31");
		window.onload = function() {
			document.querySelector('.js-slideout-toggle').addEventListener('click', function() {
				slideout.toggle();
			});

			document.querySelector('.menu').addEventListener('click', function(eve) {
				if(eve.target.nodeName === 'A') {
					slideout.close();
				}
			});

			//			var runner = mocha.run();
		};
	</script>

</html>